@charset "utf-8";
/* CSS Document */
body
{font-family: "思源黑体 CN", "微软雅黑", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/*@font-face{
    font-family:'FuturaLL';
    src:url('../fonts/Futura LT Light.otf');
}*/
ol,ul,li{list-style:none; padding:0;}
p{ margin:0;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}


/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
/* --pub-- */
.pub{width:80%;margin:auto; max-width:1400px !important;}
.pub1{width:80%;margin:auto; max-width:1400px !important;}

/* --header-- */

.top_bj{ width:100%; height:auto; position:relative;}
.header_bg{width:100%;height:110px;-webkit-transition:all 0.4s;transition:all 0.4s; background:rgba(0,0,0,0.8); position:fixed; z-index:999;}
.header{ width:90%;height:auto;margin:auto;position:relative;}
.header .logo{width:20%;height:auto;float:left; margin-top:15px;}
.header .logo img{ width:100%;}
.nava{width:56%;height:50px;float:right; margin-top:30px;position:relative;overflow:hidden; padding-left:0;}
.nava li{width:14.28%;height:50px;float:left;font-size:16px; color:#fff;line-height:50px;text-align:center;position:relative;overflow:hidden;cursor:pointer; text-align: center;}
.nava li span{width:0px;height:2px;background:#fff;position:absolute;left:50%;bottom:0;border-radius:2px;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.nava li:hover span{width:60%;left:20%;}
.lang { float:right; color:#fff; line-height:110px; font-size:16px; margin-left:80px; position:relative;}
.lang p{ float:right; margin:0;}
.lang .earth{ content:''; background-image:url(../Image/p1.png); background-repeat:no-repeat; background-size:100% 100%; position:absolute; top:40px; left:-40px; width:26px; height:26px; border-radius:50%; animation:rotate 1s infinite; -webkit-animation:rotate 1s infinite linear;}
.tel{ float:right; color:#fff; line-height:110px; font-size:16px; margin-left:30px;background:url(../Image/tel.png) no-repeat left center; padding-left:30px;}
@-webkit-keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
@keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}



.swiper-banner{width:100%;height:810px;overflow:hidden;background:#fff;position:relative;z-index:99;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.slide-inner{width:80%;height:100%;left:10%;top:0;z-index:99;position:absolute;}
.slide-inner .banner_img{
    position: absolute;
    z-index: 5;
    opacity: 0;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}
.swiper-banner .ani-slide .banner_img{
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
.banner1_1{width:50%;left:25%;top:55%;
    transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
}
.banner2_1{width:50%;left:25%;top:35%;
   transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
}
.banner3_1{width:50%;left:25%;top:35%;
    transform: translateY(200px);
    -ms-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
}



/* --index-- */




.index1_bj{ width:100%; background:url(../Image/index1_bj.jpg) bottom center no-repeat; background-size:cover; overflow:hidden; padding-top:80px; padding-bottom:80px;}
.index1{ width:80%; max-width:1336px; height:auto; margin:0 auto;}
.index1_top{ font-size:16px; color:#525252; text-align:center;}
.index1_top p{ font-size:48px; font-weight:bold; color:#000000; }
.index1_search{ width:50%;height:52px; margin:0 auto; position:relative; margin-top:30px; overflow:hidden;}
.search-text{height:52px;width:90%; position:absolute; top:0; left:0px;color:#000; font-size:16px;outline:none; background:#fff; padding-left:10px; border:none; border-top-left-radius:52px; border-bottom-left-radius:52px;}
.search-button{ width: 10%; height:52px; position:absolute; top:0px; right:0px; background:url(../Image/search.png) center no-repeat #fff; outline:none; border:none; font-size:0; border-bottom-right-radius:52px; border-top-right-radius:52px;}


.index1_pro{ margin-top:50px;}
.index1_pro .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1
}
.index1_pro .swiper-container-no-flexbox .swiper-slide {float: left}
.index1_pro .swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.index1_pro .swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.index1_pro .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.index1_pro .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;
	background:#fff;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
	box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.index1_pro .swiper-slide .title{ text-align:center; color:#e70812; font-size:16px; margin-top:30px;}
.index1_pro .swiper-slide .title p{ text-align:center; color:#000000; font-size:30px;}

.index1_pro .swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.index1_pro .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
	margin: 0 5px;
	cursor: pointer;
}
.index1_pro .swiper-slide:hover {
	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
	box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
}
.index1_pro .banner-box {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.index1_pro .swiper-container {
	width: 100%;
	margin: 12px 0;
}
.index1_pro .swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
}
.index1_pro .swiper-slide-active, .index1_pro .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.index1_pro .swiper-slide img {
	width: 100%;
	display: block;
}
.index1_pro .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}
.index1_pro .swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}

@media screen and (max-width: 668px) {
.index1_pro .swiper-pagination {
	position: relative;
	margin-bottom: 20px;
}
.index1_pro .swiper-pagination-bullet-active {
	opacity: 1;
	background: rgba(0,0,0,.8);
}
}
.index1_pro .banner-arrow div:hover {
	background-color: #4a4a4a;
}


.index1_more{ background:#404040; font-size:16px; color:#ffffff; text-align:center; width:262px; height:56px; line-height:56px; margin:0 auto; margin-top:30px; border-radius:5px;}
.index1_more img{ margin-left:10px;}


/*******************index1 end****************/

.index2{ margin-top:80px;}
.index2_case li{ float:left; width:23%; margin:1%;transition: all 0.8s ease 0s; position:relative;}
.index2_case li .title{ width:90%; position:absolute; bottom:10px; padding:20px 5%; line-height:25px; background:rgba(0,0,0,0.4); font-size:18px; color:#ffffff; font-weight:bold;}
.index2_case li .img{ overflow: hidden; width: 100%; height: 0; padding-bottom:83%; position: relative; margin:0 auto;}
.index2_case li .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}



/*******************index2 end****************/

.index3_bj{background:url(../Image/index3_bj.jpg) no-repeat center; background-size:cover; margin-top:80px; overflow:hidden; padding:3% 0 0 0;}
.index3_top{ font-size:16px; color:#fff;}
.index3_top p{ font-size:48px; font-weight:bold;}

.index-advantage-box{height:100%;padding-top:70px;}
.index-advantage-list{width:100%;height:66%;margin-top:3%;}
.index-advantage-list .wz{width:20%;height:100%;float:left; margin-top:80px;}
.index-advantage-list .wz li{width:100%;height:25%;cursor:pointer;position:relative;}
.index-advantage-list .wz li:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    z-index: 60;
    top: 0;
    left: 0;
    transition: all .5s;
}
.index-advantage-list .wz li .box{height:100%;display:table;position:relative;z-index:99; margin-bottom:30px;}
.index-advantage-list .wz li i{ width:97px; height:97px;border-radius:50%;float:left;overflow:hidden; position:relative; z-index:99;}
.index-advantage-list .wz li i.p3{background:url(../Image/p3.png) center no-repeat;}
.index-advantage-list .wz li i.p4{background:url(../Image/p4.png) center no-repeat;}
.index-advantage-list .wz li i.p5{background:url(../Image/p5.png) center no-repeat;}
.index-advantage-list .wz li h3{padding-top:10px;font-size:24px;line-height:24px;font-weight:bold;color:#2d70b4;white-space:nowrap;}
.index-advantage-list .wz li p{ position:absolute; top:24px; left:30px;font-size:24px;line-height:50px;color:#000000; border-radius:50px; padding:0 30px 0 80px;text-transform:uppercase;white-space:nowrap; background:#fff;}
.index-advantage-list .wz li.on:before{width: 107%;}
.index-advantage-list .wz li.on h3{color:#FFF;}
.index-advantage-list .wz li.on p{color:#000000;}
.index-advantage-list .wz li.on i.p3{background:url(../Image/p3-1.png) center no-repeat;}
.index-advantage-list .wz li.on i.p4{background:url(../Image/p4-1.png) center no-repeat;}
.index-advantage-list .wz li.on i.p5{background:url(../Image/p5-1.png) center no-repeat;}

.index-advantage-list .picout{width:70%;height:100%;float:right;background:#d1252c;position:relative; margin-bottom:0;}
.index-advantage-list .picout li{width:100%;height:AUTO;display:block; overflow:hidden;position:absolute;top:0;left:0;opacity:0;-webkit-opacity:0;}
.index-advantage-list .picout li.on{position:relative;opacity:1;-webkit-opacity:1;z-index:50;}
.index-advantage-list .picout li .con{width:100%;}
.index-advantage-list .picout li .con img{width:100%;height: auto;}
.index-advantage-list .picout li .con .txt{ padding:2% 5%;}
.index-advantage-list .picout li .con .txt i{width:67px; height:67px; float:left;overflow:hidden; border-right:1px solid #fff; padding-right:20px; margin-right:20px;}
.index-advantage-list .picout li .con .txt h3{height:30px;font-size:24px;line-height:30px;font-weight:bold;color:#FFF;overflow:hidden;}
.index-advantage-list .picout li .con .txt p{height:60px;font-size:16px;line-height:30px;color:#FFF;margin-top:10px;overflow:hidden;}


/****************************index3 end*******************/


.index4_bj{background:url(../Image/index4_bj.jpg) no-repeat center;  overflow:hidden; padding:3%;}
.index4_left{ width:45%; float:left;}
.index4_top{ font-size:36px; color:#525252;}
.index4_top p{ font-size:47px; color:#000000;}
.index4_about{ font-size:16px; color:#525252; line-height:30px; margin-top:50px;}
.index4_left .index4_more{position: relative; width:194px; height:49px; line-height:49px; text-align:center; background:#fff; border-radius:49px; margin-top:30px;}
.index4_left .index4_more span{
  position: relative;
  font-size: 16px;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
  display: block;
  text-align: center;
  color: #525252;
  margin:0 auto;
}

.index4_left .index4_more:before{ content:""; width:100%; height:100%; background:#d1252c; color:#fff;border-radius:49px; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.index4_left .index4_more:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; color:#2f3b8f;}
.index4_left .index4_more:hover span{ color: #fff;}

.index4_right{
  float:right;
  width: 45%;
  height: 100%;
  position: relative;
}
.index4_right .com_video{ position:relative;}
.index4_right .com_video>img{
  width:100%;
  height: 100%;
  object-fit: cover;
}
.index4_right .video_bnt{
  cursor: pointer;
  position: absolute;
  left:-80px;
  bottom:-30px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
}

.index4_right .video_bnt img{
  width:100%;
  height: 100%;
  object-fit: none;
  animation: rotate360 5s linear 0s infinite normal;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.index4_right .video_bnt:hover img {
  animation: unset;
}
.videoshowbg{
  display:none;
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}
.videoshowbg>i{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}
.videoshowbg>div{
  position: absolute;
  left:50%;
  top:50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.videoshowbg b{
  position: absolute;
  left:100%;
  top:-60px;
  display: block;
  border-radius: 50%;
  padding:10px;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
}


/***************************index4***************/



.index5{ margin-top:80px;}
.index5_main{ margin-top:50px;}
.index5_left{ width:50%; float:left; position:relative;}
.index5_left_img img{ width:100%;}
.index5_left_con{ position:absolute; bottom:0; left:0; width:96%; padding:2%; background:rgba(0,0,0,0.5); color:#fff;}
.index5_left_tit b{ font-size:24px;}
.index5_left_tit span{ font-size:16px; font-weight:bold; float:right;}
.index5_left_con p{font-size:16px;color:#fff;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;overflow: hidden;}
.index5_right{ width:45%; float:right;}
.index5_right li{width:auto;height:auto;margin-bottom:30px; background:#f3f2f2;}
.index5_right_tit{width:auto;height:36px;font-size:20px;color:#000;line-height:36px;overflow:hidden;}
.index5_right_tit a{color:#000;}
.index5_right_tit a:hover{color:rgb(32,69,144);}

.index5_right_img{width:30%;height:auto;}
.index5_right_img img{width:100%;height:auto;display:block;}
.index5_right_con{width:66%;height:auto; padding:2%;}
.index5_right_con2{width:auto;height:72px;overflow:hidden;font-size:13px;line-height:24px;color:rgb(120,120,120);
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;overflow: hidden;}


/***************************index5***************/


.foot_bj{background:url(../Image/foot_bj.jpg) no-repeat center; background-size:cover;  overflow:hidden; padding-top:2%; margin-top:80px;}
.foot ul{ padding:0;}
.foot_left{ width:25%; height:auto;}
.foot_logo img{ max-width:100%; margin-bottom:10px;}
.foot_nav li{ float:left; width:45%; margin-right:5%; font-size:15px; color:#a0a8af; line-height:30px;}
.foot_nav li a{ color:#ffffff; display:block;}
.foot_nav li p{ color:#ffffff; font-weight:bold; font-size:20px; margin-bottom:20px;}
.foot_nav li p img{ margin-right:10px;}
.foot_contact{ width:60%; font-size:16px; color:#fff; margin-left:5%; overflow:hidden; line-height:40px; margin-top:20px;}
.foot_contact_top{ font-size:24px; color:#fff;}
.foot_contact_top span{ width:41px; height:3px; background:#fff; margin-top:20px; margin-left:10px;}
.foot_contact ul{ width:50%; float:left;}
.foot_contact li{ padding-left:30px; }
.foot_contact .icon3{background:url(../Image/icon3.png) left center no-repeat;}
.foot_contact .icon4{background:url(../Image/icon4.png) left center no-repeat;}
.foot_contact .icon5{background:url(../Image/icon5.png) left center no-repeat;}
.cop{ width:10%; text-align:center; margin-top:50px;}
.cop img{ width:100%; margin-top:20px;}
.cop p{ color:#fff; line-height:30px; text-align:center;}
.foot_bottom{ background:#181818; line-height:65px; text-align:center; color:#fff; font-size:16px; margin-top:50px;}
.foot_bottom a{ color:#fff; padding:0 5px;}





/****************************foot end****************************/



.inner_banner{text-align: center; color:#fff; font-size:36px; overflow:hidden; padding:14% 0;width:100%; }
.inner_banner p{ font-size:48px; font-weight:bold; margin-top:5%;}
.banner_honor{ width:100%; background:url(../Image/banner_news.jpg) top center no-repeat; background-size:cover;}
.banner_contact{ width:100%; background:url(../Image/banner_contact.jpg) top center no-repeat; background-size:cover;}
.banner_pro{ width:100%; background:url(../Image/banner_pro.jpg) top center no-repeat; background-size:cover;}
.banner_news{ width:100%; background:url(../Image/banner_news.jpg) top center no-repeat; background-size:cover;}
.banner_about{ width:100%;background:url(../Image/banner_about.jpg) top center no-repeat; background-size:cover;}
.banner_case{ width:100%;background:url(../Image/banner_case.jpg) top center no-repeat; background-size:cover;}



.crumbs_bj{ width:100%; border-bottom:1px solid #dcdcdc; padding:20px 0; color:#000000; font-size:18px; margin-bottom:20px;}
.crumbs{ overflow:hidden;}
.crumbs p{ float:left; font-weight:bold; border-right:1px solid #dcdcdc; padding-right:20px;}
.crumbs a{ margin-left:20px;}
.crumbs a:hover{ background:url(../Image/about_icon6.png) bottom center no-repeat;}
.crumbs a.active{ background:url(../Image/about_icon6.png) bottom center no-repeat;}

.inner_about_top{ font-size:16px; color:#525252; text-align:center; text-transform:uppercase; margin-bottom:30px;}
.inner_about_top p{ font-size:48px; font-weight:bold; color:#000000;}

.inner_about_video{ width: 100%; height: 100%; position: relative;}
.inner_about_video .com_video{ position:relative;}
.inner_about_video .com_video>img{
  width:100%;
  height: 100%;
  object-fit: cover;
}
.inner_about_video .video_bnt{
  cursor: pointer;
  position: absolute;
  left:47%;
  bottom:40%;
  width: 180px;
  height: 180px;
  border-radius: 50%;
}

.inner_about_video .video_bnt img{
  width:100%;
  height: 100%;
  object-fit: none;
  animation: rotate360 5s linear 0s infinite normal;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.inner_about_video .video_bnt:hover img {
  animation: unset;
}



.inner_about1{ margin:80px auto; background:#edf3f9;}
.inner_about_con{ line-height:30px; color:#353535; font-size:18px; font-family:"微软雅黑"; margin:40px 0;}


.inner_about_qywh{ margin-top:80px;}
.inner_about_qywh_main li{ position:relative; overflow:hidden; margin-bottom:50px;}
.inner_about_qywh_main li .inner_about_qywh_left{ float:left; width:50%;}
.inner_about_qywh_main li .inner_about_qywh_right{ position:absolute; right:0; top:10%; z-index:9; width:55%; min-height:200px; padding:3%; background:url(../Image/qywhbj.jpg) bottom center no-repeat; background-size:cover;}
.inner_about_qywh_tit{ font-size:24px; color:#000;}
.inner_about_qywh_tit span{ font-size:48px; font-family:Impact;}
.inner_about_qywh_con{ line-height:25px; color:#353535; font-size:16px; margin-top:20px;}
.inner_about_qywh_main li:nth-child(2n) .inner_about_qywh_left{ float:right; width:50%;}
.inner_about_qywh_main li:nth-child(2n) .inner_about_qywh_right{ left:0;}



.inner_about_qywh{ margin-top:80px;}
.inner_about_qyfc_main .item{ padding:5%;}
.inner_about_qyfc_main .item img{width:100%;display:block;}
.inner_about_honor_bj{  background:url(../Image/honorbj.jpg) bottom center no-repeat; padding:50px;}
.inner_about_honor_main{ margin:5% auto;}
.inner_about_honor_main .item{ background:#f0f5f7; padding:5%;}
.inner_about_honor_main .item img{width:100%;display:block;}

/******************************about end************************/







.inner{ margin:80px auto; overflow:hidden;}

.inner_honor li{width:23%;float:left;margin:1%;background:#f4f5f6;position:relative;cursor:pointer; overflow:hidden;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li .img{position:relative;overflow:hidden; margin-top:20px;}
.inner_honor li .img img{max-width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li .title{ font-size:18px;line-height:30px; padding:20px 0; text-align:center; color:#2d2d2d;-webkit-transition:all 0.4s;transition:all 0.4s;}
.inner_honor li:hover{ background:#0095eb;}
.inner_honor li:hover .img img{transform:scale(1.08);}
.inner_honor li:hover .title{ color:#fff;}


/******************honor end******************/




.proSection{overflow: hidden;margin-bottom:30px;}
.proSection .box{background:url(../Image/index1_bj.jpg) bottom center no-repeat; background-size:cover;padding:15px 25px 30px;overflow: hidden;}
.proSection-hd{display: flex;flex-direction: row;justify-content: space-between;padding:15px 0;}
.proSection-hd .btnn{width:300px;display: flex;flex-direction: row;justify-content: space-between;}
.proSection-hd .t1{width:calc(100% - 300px);position: relative;font-size: 22px;padding-bottom:15px; background:url(../Image/about_icon6.png) bottom left no-repeat;}
.proSection-hd .t1:after{content:'';position: absolute;left:0;bottom:0;width:35px;height: 2px;background: var(--zhu-color)}
.proSection-hd .btnn a{width:130px;height: 45px; border-radius:5px;display: flex;color:#fff;background:#404040;text-align: center;flex-direction: row;justify-content: center;transition: all .5s;line-height: 45px;}
.proSection-hd .btnn a i{margin-left: 10px; }
.proSection-md{margin:15px 0;color:#000;line-height: 24px}
.proSection-type{padding:15px 0;}
.proSection-type a{padding:5px 10px;border:solid 1px #ccc;color:#777;margin-right: 10px;transition: all .5s;display: inline-block;margin-bottom: 10px;}
.proSection-type a:hover{border-color:var(--zhu-color);color:var(--zhu-color);}
.proSection-bd{overflow: hidden;margin-top: 30px;}
.proSection-bd .item{ width:29.3%; float:left; background:#fff;transition: all .5s; padding:10px 0; margin:0 2%;}
.proSection-bd .item .img img{ width:100%;}
.proSection-bd .item .title{ text-align:center; color:#e70812; font-size:16px; margin-top:30px;}
.proSection-bd .item .title p{ text-align:center; color:#000000; font-size:30px;}
.proSection-bd .item:hover .img img{transform: scale(1,1);}


@media(max-width: 768px){
	.proSection-hd{flex-direction: column;}
	.proSection-hd .t1{width:100%;}
	.proSection-hd .btnn{margin-top: 25px;}
}
@media(max-width: 576px){

	.proSection .box{padding:15px 15px 25px;}
	.proSection-hd{padding-top: 0}
	.proSection-hd .btnn{width:100%;}
	.proSection-hd .btnn a{width:120px;height: 36px;line-height: 36px}
	.proSection-type a{margin-right:5px;margin-bottom: 5px;}
}
/*prolist*/
.prolist{overflow: hidden;width:100%; background:#f5f5f5; padding:50px 0;}
.prolist-right{ margin-top:50px;}
.prolist-right .item{ width:29.3%; float:left; background:#fff;transition: all .5s; padding:10px 0; margin:2%;}
.prolist-right .item .img img{ width:100%;}
.prolist-right .item .title{ text-align:center; color:#e70812; font-size:16px; margin-top:30px;}
.prolist-right .item .title p{ text-align:center; color:#000000; font-size:30px;}
.prolist-right .item:hover .img img{transform: scale(1,1);}

.pro_info{ margin-top:80px;}
.proleft { width: 50%; float:left;}
.proleft .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.proleft .swiper-list .swiper-slide{padding:0 30px;position:relative;cursor:pointer;background:url(../Image/proinfobj.jpg) center no-repeat; background-size:100% 100%;}
.proleft .swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}
.proleft .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.proleft .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}

.proleft .swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}

.proleft .gallery-top{width:100%;position:relative;}
.proleft .gallery-top .swiper-slide{width:100%;display:block;}
.proleft .gallery-top .swiper-slide img{width:100%;display:block;}
.proleft .gallery-top .swiper-button-prev{left:6px;}
.proleft .gallery-top .swiper-button-next{right:6px;}
.proleft .gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}


.product_img_right{width:100%;margin-top:40px;}
.product_img_right .gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}
.product_img_right .gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}
.product_img_right .gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.product_img_right .gallery-thumbs .swiper-slide img{width:100%;display:block;}
.product_img_right .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}
.product_img_right .gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #333;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


.proright { width: 45%; padding-bottom:20px; float:right;}
.proright h3{ border-bottom:1px solid #dcdcdc; color:#000000; font-size:36px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-weight: bold; background:url(../Image/about_icon6.png) bottom left no-repeat;}
.pro_des{ color:#000000; font-size:18px; margin-bottom:50px; line-height:30px; margin-top:30px; text-decoration:underline;}

.pro_contact{ background:url(../Image/tel-icon.png) left center no-repeat; padding-left:80px; color:#000000; float:left;}
.pro_contact p{ font-size:26px;}
.pro_back{ background:url(../Image/tel-icon3.png) center no-repeat; width:278px; height:71px; line-height:71px; color:#fff; text-align:center; font-size:18px; float:right;}
.pro_back img{ margin-left:20px;}

.pro_info_main{ margin-top:80px;}

.pro_info_top{ border-bottom:1px solid #dcdcdc; color:#a1a1a1; font-size:15px; padding-bottom:10px; margin-bottom:20px; margin-top:0; background:url(../Image/about_icon6.png) bottom left no-repeat;}
.pro_info_top span{ font-size:30px; color:#181818; margin-right:10px;}
.inner_content{ font-size:16px; line-height:30px;}
.inner_content p{ margin:0;}
.inner_content img{ max-width:100%;}
.product_recommend{ margin:50px 0;}
.product_recommend ul{ margin-top:50px;}
.product_recommend li{ width:22%; float:left; margin:1.5%; background:#fff;}
.product_recommend li .img{ width:100%; margin:0 auto;}
.product_recommend li .img img{ width:100%;transition: all 0.5s ease-in-out 0s;}
.product_recommend li p{ text-align:center; line-height:30px; height:30px; overflow:hidden; border-top:1px solid #dcdcdc; color:#1f1f1f; font-weight:bold; padding-top:20px; width:80%; margin:0 auto; margin-top:30px;}
.product_recommend li:hover p{ color:#f00;}
.product_recommend li:hover img{transform: scale(1.1);}

.inner_content table tr td img{ width:100%; }
.inner_content img{ width:100%;}

/*************************product end*************************/





.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;height:30px; display:block; float:left;}
.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}

.news ul li{width:30%;margin-right:1.5%; margin-left:1.5%;margin-top:4%;overflow:hidden;float:left;background:#FFF; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.news ul li .pic{ display: block; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news ul li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
.news ul li .news1_tit{ font-size:20px; color:#727272; height:30px; line-height:30px; overflow:hidden; margin-bottom:20px;}
.news ul li .news1_date{ color:#727272; font-size:18px;  line-height:30px; float:left; }
.news ul li .news1_con{ color:#525252; font-size:16px;text-overflow: ellipsis;height:6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;overflow: hidden;}
.news ul li .txt{padding:30px 30px 40px;-webkit-transition:all 0.4s;transition:all 0.4s; overflow:hidden;}

.news ul li:hover{color:#FFF;background:#f00;}
.news ul li:hover .news1_tit{ color:#fff;}
.news ul li:hover .news1_date{ color:#fff;}
.news ul li:hover .news1_con{ color:#fff;}
.news ul li:hover img{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}
.news ul li:hover .txt{
	transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    -moz-transform: translateY(-28px);
    -webkit-transform: translateY(-28px);
    -o-transform: translateY(-28px);
}




.zxrz_l{ margin-top:60px;}
.newshow .newshowtit {
  text-align: center;
  border-bottom: 1px dotted #bfbebe; margin-bottom:20px;
}
.newshow .newshowtit h1 {
  font-size: 22px;
  color: #333;
}
.newshow .newshowtit .date {
  line-height: 30px;
  font-size: 12px;
  color: #999;
}
.newshow .newshowtxt p {
  margin-top: 25px;
  line-height: 25px;
}
.newshow .newshowimg {
  text-align: center;
  margin: 65px 0;
}

.inner_news_img img{ max-width:100%;}



/**************************news end**********************/


.case li{ float:left; width:30.3%; margin:1%;transition: all 0.8s ease 0s; position:relative;}
.case li img{ width:100%; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.case li .title{ width:90%; position:absolute; bottom:50px; padding:20px 5%; line-height:25px; background:rgba(0,0,0,0.4); font-size:18px; color:#ffffff; font-weight:bold;}
.case li:hover img{ transform: scale(1.05);}


.zljg_main li{ float:left; width:21%; padding:1%; margin:1%; background:#f6f6f6;}
.zljg_main li .title{ color:#333; font-size:24px; margin-bottom:20px;}
.zljg_main li .title span{background:url(../Image/p10.png) right top no-repeat; padding:10px 10px 0 0;}
.zljg_main li .con{ color:#414141; font-size:16px;}
.jszx{ margin-top:50px;}
.jszx_left{ width:48%; float:left; margin-top:30px;}
.jszx_left img{ width:100%;}
.jszx_right{ width:48%; float:right; margin-top:30px;}
.jszx_right li{ font-size:18px; color:#000; border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:20px;}
.jszx_right li span{ float:right;}
.jszx_right li img{ margin:0 5px;}

.inner_contact_bj{ background:#f9f9f9; padding:50px 0;}
.inner_contact_main{ background:#fff; overflow:hidden; padding:50px;}
.inner_contact{ width:40%;  float:left;}
.inner_contact li{ padding-left:30px; line-height:30px; margin-top:15px;}
.inner_contact .icon3{background:url(../Image/p7.png) left center no-repeat;}
.inner_contact .icon4{background:url(../Image/p8.png) left center no-repeat;}
.inner_contact .icon5{background:url(../Image/p9.png) left center no-repeat;}



.contact-map{ width:100%; position:relative;}
#dituContent{ width:100%; height:537px;}


.inner_message{ width:55%; float:right;}
.inner_message_main .input-group{ margin-bottom:20px; width:46%; margin-right:2%; float:left; border-radius:5px;}
.inner_message_main .input-group1{ width:92%; margin-bottom:20px; border-radius:5px;}
.inner_message_main .input-group1 input{ border:1px solid #dcdcdc;line-height:58px; color:#898989; outline:none; width:100%; padding-left:2%; border-radius:5px;}
.inner_message_main .input-group input{ border:1px solid #dcdcdc;line-height:58px; color:#898989; outline:none; width:95%; padding-left:5%; border-radius:5px;}
.inner_message_main #content{ height:100px;}
.inner_message_main #captcha{ float:left; width:63%;}
.inner_message_main .verify{ width:30%; height:36px;}
.inner_message_main .verify img{ width:90px; height:36px; margin-top:14px;}
.inner_message_main #submit{ line-height:58px; height:58px; text-align:center; color:#fff; width:25%; margin-right:5%; float:right; background:#e70004; border-radius:5px;}


/**************************contact end************************/

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#fff;background:#0095eb;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#fff;}
.txt-upDown-li:hover .title .page-a{color:#fff;}
.txt-upDown-li:hover .title a{color:#fff;}
.txt-upDown-li.txt-right{text-align:right;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 60px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #0095eb;
  background: #0095eb;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --暂无数据-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-goods p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}






@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}

@keyframes scrolldown {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrollup {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes scrollup2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes sound {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btnline {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btntate {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}